﻿@model IEnumerable<Hrm.Services.PortfolioDto>
@{
    ViewBag.Title = "Portfolio";
    Layout = "~/Views/Shared/_FrontLayout.cshtml";
}

<div id="content">
    <section id="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>我们的作品</h1>
                </div>
                <div class="col-md-6 text-right">
                    <ul class="breadcrumb">
                        <li>
                            <a href="@Url.Action("Index")">首页</a>
                        </li>
                        <li>作品</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="portfolio portfolio-2-columns white-bg">
        <div class="container">
            <div class="tabs">
                <ul class="nav nav-tabs nav-justified">
                    <li class="active">
                        <a class="filter" href="#" data-toggle="tab" data-filter="all">全部</a>
                    </li>
                    @foreach (var item in (List<Hrm.Services.PortfolioTypeDto>)ViewBag.PortfolioTypes)
                    {
                        <li>
                            <a class="filter" href="#" data-toggle="tab" data-filter=".@item.Code" data-type="@item.Code">@item.Name</a>
                        </li>
                    }
                </ul>
            </div>
        </div>
        <!-- / .container -->
        <div class="projects relative ovh">
            @foreach (var item in Model)
            {
                <div class="img-holder mix @item.Type">
                    <!-- col-md-3 start here -->
                    <div class="bg-img-holder">
                        <img src="@item.ImageUrl" alt="project1">
                    </div>
                    <div class="img-hover text-center">
                        <a href="@Url.Action("PortfolioItem", new { Id = @item.Id })">
                            <div class="img-hover-content">
                                <h5>@item.Name</h5>
                                <p>@item.Description</p>
                                <i class="fa fa-long-arrow-right"></i>
                            </div>
                        </a>
                    </div>
                </div>
            }
        </div>
        <!-- / .projects -->
    </section>
    <!-- SECTION END -->
</div>
<!-- / #content -->

@section JavascriptSection{
<script src="~/plugins/ui/mixitup/jquery.mixitup.js"></script>
<script src="~/Scripts/pages/portfolio.js"></script>
}